﻿ @{
    String _BodyContainerBorderCSS = String.Empty;
    int _BodyContainerGridSize = 9;
    //if(IsSectionDefined(AppConstants.Sections.LEFT_SIDEBAR)){
    //    _BodyContainerGridSize = _BodyContainerGridSize - 3;
    //    _BodyContainerBorderCSS += " border-left";
    //}
    if(IsSectionDefined(AppConstants.Sections.RIGHT_SIDEBAR)){
        _BodyContainerGridSize = _BodyContainerGridSize - 3;
        _BodyContainerBorderCSS += " border-right";
    }    
 }
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="@Url.Content("~/Content/Bootstrap/css/bootstrap.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Bootstrap/css/bootstrap-responsive.css")" rel="stylesheet" type="text/css" />    
    <link href="@Url.Content("~/Content/NewDesign.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    @*<link href="@Url.Content("~/Content/Bootstrap/css/docs.css")" rel="stylesheet" type="text/css" />*@
    @RenderSection(AppConstants.Sections.PAGE_HEAD, required: false)
</head>
<body data-spy="scroll" data-target=".jb-sidebar">    
    @Html.Partial("_Header")    
    <div class="container">
        <div class="row-fluid">
            <!--Left Side Panel Start-->            
            @*<div class="span3 nav-collapse collapse">*@  
            <div class="span3 jb-sidebar">              
                @Html.Partial("_UserMenu")
            </div>            
            <!--Left Side Panel End-->

            <!--Main Body Panel Start -->
            <div class="span@(_BodyContainerGridSize) jb-container jb-shadow jb-border-radius">
                @RenderBody()
            </div>
            <!--Main Body Panel End-->

            <!--Right Side Panel Start-->
            @if (IsSectionDefined(AppConstants.Sections.RIGHT_SIDEBAR))
            {
            <div class="span3 jb-container jb-shadow jb-border-radius">
                @RenderSection(AppConstants.Sections.RIGHT_SIDEBAR, required: false)
            </div>
            }
            <!--Right Side Panel End-->
        </div>
    </div>
    
    @Html.Partial("_Footer")
    <div id="divLoadingAnimation"><img src="@Url.Content("~/")Content/images/loading.gif" alt="Loading" title="Loading" /><div></div></div>
    <div id="divBlockingContainer"></div>    
        
    <script src="@Url.Content("~/Content/Bootstrap/js/bootstrap.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Common.js")" type="text/javascript"></script>
    @RenderSection(AppConstants.Sections.JAVASCRIPT_PLACEHOLDER, required: false)
    <script language="javascript" type="text/javascript">
        /*setTimeout(function () {
            $('.jb-sidenav').affix({
                offset: {
                    top: 0,
                    bottom: 250
                }
            })
        }, 100)*/
    </script>
 </body>  
 </html>